<template>
  <ElForm :model="node" label-width="80px">
    <ElFormItem prop="taskName" label="任务名称">
      <ElInput v-model="node.taskName"></ElInput>
    </ElFormItem>
    <ElFormItem prop="pageId" label="在线页面">
      <Select v-model="node.pageId" :options="pageList" label-name="pageName" value-name="id"></Select>
    </ElFormItem>
  </ElForm>
</template>

<script setup name="BasicPanel">
import { ElForm, ElFormItem, ElInput } from "element-plus";
import { Select } from "@/components/Form";
import { computed, inject } from "vue";
defineProps({
  node: {
    type: Object
  }
});
const designer = inject("designer");
const pageList = computed(() => designer.value.global.pageList || []);
</script>

<style lang="scss" scoped></style>
